@media screen and (max-width: 800px) {
	.header_div{
		height: 2.85rem;
		.logo_div{
			display: inline-block;
			img{
				height: 1.5rem;
			}
		}
		.menu_div{
			float: right;
			width: 1.5rem;
			height:1.2rem;
			box-shadow: 0 0.1rem 0.4rem #ffffff;
			text-align: center;
			img{
				margin-top: 0.2rem;
				margin-left: 0.03rem;
				width: 0.8rem;
				height: 0.8rem;
			}
		}
		.user_div{
			display: block;
			font-size: 0.24rem;
			color: #ffffff;
			.right{
				float: right;
			}
			.user_img{
				vertical-align: middle;
				img{
					width: 1rem;
					height: 1rem;

				}
			}
			.user_name{
				margin-top: 0.15rem;
				font-size: 0.6rem;
				margin-right: 0.1rem;
				margin-left: 0.1rem;
			}
			.setting_div{
				vertical-align: middle;
			}
			.set_div{
				position: absolute;
				display: none;
				width:3.5rem;
				margin-top: 0.1rem;
				right: 0;
				margin-top: 1.5rem;
				ul{
					li{
						font-size: 0.5rem;
						color: #ffffff;
						height: 1rem;
						line-height: 1rem;
						border-radius: 0.1rem;
						margin-top: 0.05rem;
						text-align: center;
						background-color: #2dc3e8;
					}
				}
			}
		}
	}
}
@media screen and (min-width: 800px) {
	.header_div{
		height: 0.9rem;
		.logo_div{
			display: inline-block;
			img{
				height: 0.9rem;
			}
		}
		.menu_div{
			display: none;
		}
		.user_div{
			float: right;
			font-size: 0.24rem;
			color: #ffffff;
			margin-right: 0.2rem;
			cursor: pointer;
			.user_img{
				margin-top: 0.15rem;
				img{
					vertical-align: middle;
					width: 0.65rem;
					height: 0.65rem;
				}
			}
			.setting_div{
				vertical-align: middle;
				cursor: pointer;
				img{
					width: 0.6rem;
					height: 0.54rem;
				}
			}
			.set_div{
				position: absolute;
				display: none;
				width:1.5rem;
				margin-top: 0.1rem;
				ul{
					li{
						color: #ffffff;
						height: 0.4rem;
						line-height: 0.4rem;
						border-radius: 0.1rem;
						margin-top: 0.02rem;
						text-align: center;
						background-color: #2dc3e8;
					}
				}
			}
		}
	}
}
